﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>选择建议书组成部分</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />

</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="white lh-50">选择建议书组成部分</label>
  <a href="/pad_marketing/plan/proposalNew.action" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<div class="hide" id="tpl_scroller">
	<li>
	    <img src="{imgPath}">
	    <div class="radio-list">
	      <input type="radio" name="cover" value="{imgPath}" />
	      <label for=""></label>
	    </div>
    </li>
</div>

<!--内容区域 start-->
<div class="H_top_bot" id="wrapper">
  <div>
    <div class="padding-2">
    	 <div class="control-label col-md-offset-3 col-md-2">建议书名称:</div>
      <div class="col-md-4">
       <input type="text" class="form-control" id="proposal-name" placeholder="请输入建议书名称" />
      </div>
    </div>
    <div class="proposalCover" id="wrapper3">
      <div id="scroller">
        
      </div>
    </div>
    <div id="navc">
      <ul class="indicator">
       
      </ul>
    </div>
    <div id="all-check"  class="blank-10" style="position:relative;z-index:999;">
    	<div class="col-md-3 clickAll" style="position:absolute;right:0;color: #019be1;padding-right: 25px;text-align: right;">全选</div>
   	</div>
    <div class="blank-10"></div>
    <div class="row">
      <div class="col-md-3 text-center">
        <div class="proposal-check fm">
          <input type="checkbox" name="iconCheck" value="frontCover" checked="checked" disabled="disabled" />
          <label for="">封面<span class="gray font-12">(仅适用于网页版和PDF)</span></label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check gsjj">
          <input type="checkbox" name="iconCheck" value="company" />
          <label for="">公司介绍</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check bxjh">
          <input type="checkbox" name="iconCheck" value="plan" checked="checked" disabled="disabled" />
          <label for="">保险计划概要</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check bxly">
          <input type="checkbox" name="iconCheck" value="benefit" />
          <label for="">保险利益概要</label>
        </div>
      </div>
    </div>
    <div class="blank-2"></div>
    <div class="row">
      <div class="col-md-3 text-center">
        <div class="proposal-check lyys">
          <input type="checkbox" name="iconCheck" value="clause" checked="checked" disabled="disabled" />
          <label for="">条款<span class="gray font-12">(不适用于PDF)</span></label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check xzlyysb">
          <input type="checkbox" name="iconCheck" value="illustration" />
          <label for="">险种利益演示表</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check cpsms">
          <input type="checkbox" name="iconCheck" value="productSpec" />
          <label for="">产品说明书 </label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check tbts">
          <input type="checkbox" name="iconCheck" value="tips" />
          <label for="">人身/健康投保提示</label>
        </div>
      </div>
    </div>
  </div>
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-4">
    <button type="button" class="btn btn-warning btn-lg btn-block" onClick="checkInput(1)"><span class="icon icon-preview"></span>预览方式</button>
  </div>
  <div class="col-md-2">
    <button type="button" class="btn btn-primary btn-lg btn-block" onClick="checkInput(2)"><span class="icon icon-send"></span>发送方式</button>
  </div>
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="/pad_marketing/about/aboutUsInto.action" class="menu-item" id="menu-one"> 
          <i class="">公司介绍</i> 
        </a>
        <a href="/pad_marketing/main/type004redirectlistViewAll.action" class="menu-item" id="menu-two"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">需求分析</i> 
        </a>
        <a href="/pad_marketing/plan/proposalMange.action" class="menu-item" id="menu-four"> 
          <i class="">建议书</i>
        </a>
        <a href="/pad_marketing/ordermanager/index.action" class="menu-item" id="menu-five"> 
          <i class="">在线投保</i> 
        </a>
      </div>
      <span class="close circle-close" onclick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-sm hide" id="open1">
  <h4 class="open-header">
    预览方式<button type="button" class="close" onclick="closeDiv('open1')">×</button>
  </h4>
  <div class="open-body text-center">
    <a href="javascript:;" onclick="saveProposal(1)" class="inline-block padding-15 text-center">
      <p class="icon icon-circle-wechat"></p>
      <p class="font-18 lh-30 green-d">微信预览</p>
    </a>
    <a class="inline-block padding-15 text-center" onclick="saveProposal(2)" href="javascript:;">
      <p class="icon icon-circle-mail"></p>
      <p class="font-18 lh-30 blue">邮件预览</p>
    </a>
  </div>
</div>
<!--弹出层-模板 end-->

<!--弹出层-模板 start-->
<div class="open-block open-sm hide" id="open2">
  <h4 class="open-header">
    发送方式<button type="button" class="close" onclick="closeDiv('open2')">×</button>
  </h4>
  <div class="open-body text-center">
    <a class="inline-block padding-15 text-center" onclick="saveProposal(3)">
      <p class="icon icon-circle-wechat"></p>
      <p class="font-18 lh-30 green-d">微信发送</p>
    </a>
    <a class="inline-block padding-15 text-center" onclick="saveProposal(4)">
      <p class="icon icon-circle-mail"></p>
      <p class="font-18 lh-30 blue">邮件发送</p>
    </a>
  </div>
</div>
<!--弹出层-模板 end-->

<!--弹出层-模板 start-->
<div class="open-block hide" id="open3">
  <div class="open-body">
    <div class="blank-1"></div>
    <div class="form-group">
      <label class="col-md-4 control-label">收件人：</label>
      <div class="col-md-7 no-padding"><input class="form-control" id="email" type="mail"></div>
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">发件人：</label>
      <div class="col-md-7 no-padding lh-45">service@allianz.com.cn</div>
    </div>
    <div class="padding-15 margin-15 bg-warning text-center">
    	客户会通过以下邮箱跟您联系
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">联系邮箱：</label>
      <div class="col-md-7 no-padding"><input class="form-control" id="emailFrom" type="mail"></div>
    </div>
  </div>
  <div class="open-footer">
    <div class="col-md-6">
      <button class="btn btn-primary btn-lg btn-block" onclick="closeDiv('open3')"><span class="icon icon-no"></span>取消</button>
    </div>
    <div class="col-md-6">
      <button id="normalSure" class="btn btn-warning btn-lg btn-block" onclick="sendEmail()"><span class="icon icon-send"></span>发送</button>
    </div>
  </div>
</div>

<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/weixin.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/proposal.js" type="text/javascript"></script>
</body>
</html>
